<template>
  <div class="">
    <img :src="home_bg" alt="" class="home_bg"/>
    <div class="center">
      <h2 class="welcome">WELCOME</h2>
      <p class="txt" >
        欢迎登录车主云微ETC管理平台
      </p>
    </div>
  </div>
</template>

<script>
  import {mapGetters} from 'vuex'
  import home_bg from '@/assets/images/home_bg.svg'

  export default {
    name: 'home',
    data() {
      return {
        home_bg,
      }
    },
    computed: {
      ...mapGetters([
        'token',
      ])
    },
    methods: {}
  }
</script>

<style lang="scss" scoped>
  .home_bg {
    width: 100%;
    height: 100%;
  }

  .center {
    position: absolute;
    top: 45%;
    left: 45%;
    text-align: center;

    .welcome {
      margin: 10px 0;
      padding: 0;
      font-size: 56px;
      line-height: 100px;
      color: #323232;
    }
    .txt {
      margin: 0;
      padding: 0;
      font-size: 24px;
      line-height: 40px;
      color: #646464;
    }
  }

</style>
